1. 在左欄商品新增如下
   

2. 預覽 / 發佈即可看到商品(內容)頁，頁面下方也有支援社群分享 ( FB / 推特 / pinterest / mail )，和相關(同分類商品)的快連。
   

製作商品列表頁

1. 跟 27 - 用 Avada 做一頁式網站也很可以 同樣步驟，不過這次是選一個商品列表頁的版 ( 同樣也可自己生成 )
   

2. 頁面本身已有一個預設的 “Woo Shortcodes”，下拉選單有

• Order tracking (預設)
• Product price / cart button
• Product by SKU/ID
• Products by SKU/ID
• Product category slug
• Recent products
• Featured products
• Shop Message
  可供選擇，選好後下方 Shortcode content 會自動跳出。
  
  

3. 預設頁面長醬
   

4. 另外新增一個用”類別"新增的方式，+Element 後 快速查找 Ｗoo 選擇 Woo Product Carousel
   

5. 選擇你要顯示的分類，調整完想要調整的設定後，按 SAVE
   (截圖顯示類別0可能是資料寫入時間太近也沒自動更新，不過不影響結果呈現)
   

6. 稍微移動一下位置，把預設的往下挪，方便看到差別
   

7. 結果頁(已捲動)；自己是設定兩個單位做一列，四個為一列的是預設的編排，可以觀察到圖片最好在上傳之前就已經把長寬都固定好，以免會有對不齊的狀態